.top {
  padding: 12px 12px 0;
}

.top .nav {
  height: 100%;
  width: 100%;
  background: #ffffff;
  padding: 0 12px 12px;
  box-sizing: border-box;
}

.top .nav .demo-tabs :deep(.el-tabs__header) {
  margin: 0;
}

.top .nav .demo-tabs :deep(.el-tabs__header) .el-tabs__nav-wrap .el-tabs__nav .el-tabs__item {
  padding: 0 10px;
}

.top .nav .demo-tabs :deep(.el-tabs__header) .el-tabs__nav-wrap .el-tabs__nav .el-tabs__item .icon {
  font-size: 12px;
  padding: 0 3px;
  margin-left: 5px;
  border-radius: 2px;
}

.top .nav .demo-tabs :deep(.el-tabs__header) .el-tabs__nav-wrap .el-tabs__nav .el-tabs__item.is-top:nth-child(2) {
  padding-left: 0;
}

.top .nav .demo-tabs :deep(.el-tabs__nav-wrap::after) {
  height: 1px;
}

.search {
  position: relative;
  padding-bottom: 6px;
}

.search .input-item {
  width: calc((100vw / 100) * 9);
  width: 100px;
  margin-bottom: 5px;
}

.search .mr5 {
  margin-right: 5px;
}

.search .input-with-select {
  width: 280px;
  margin-bottom: 5px;
}

.search .input-with-select .item-select {
  width: 115px;
}

.search .btn {
  display: flex;
  align-items: center;
  margin-bottom: 5px;
}

.search::after {
  content: '';
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 1px;
  background-color: #e4e7ed;
}

.btns {
  margin: 10px 0;
}

.btns .btn {
  display: flex;
  align-items: center;
  height: 26px;
}

.btns .btn .iconfont {
  margin-right: 5px;
}

.btns .btn .icon-shangjifenpai_line {
  transform: rotateY(180deg);
}

.btns .mr5 {
  margin-right: 5px;
}

.pagination {
  padding: 12px 0 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.radios :deep(.el-radio-group) {
  flex-direction: column;
  align-items: start;
}

.radios .display_flxe {
  margin-left: 10px;
}

.radios :deep(.el-radio__label) {
  font-size: 12px;
}

.change-radio {
  display: flex;
  align-items: center;
}

.change-radio :deep(.el-radio-group) {
  flex-direction: row;
}

.change-radio :deep(.el-radio-group) .el-radio {
  margin-right: 10px;
}

.select-time {
  margin: 10px 0;
}

.select-time :deep(.el-date-editor) {
  width: 200px;
  height: 28px;
  margin-bottom: 5px;
}

.search-input {
  margin-bottom: 10px;
}

:deep(.el-checkbox__label) {
  font-size: 12px !important;
}

.checkboxs {
  display: inline-flex;
  flex-direction: column;
}

.checkboxs .el-checkbox-group {
  display: inline-flex;
  flex-direction: column;
}

.checkboxs .el-checkbox-group :deep(.el-checkbox__label) {
  font-size: 12px !important;
}

.checkboxs .checkboxs-scrollbar {
  width: 240px;
}

.values {
  margin-bottom: 5px;
}

.values .cost-input {
  width: 100px;
}

.values .time-input {
  width: 100px;
}

.table-list .iconfont {
  margin-left: auto;
  font-size: 12px;
  cursor: pointer;
}

.table-list .number {
  color: #007cff;
  cursor: pointer;
}

.table-list .number:hover {
  text-decoration: underline;
}

.table-list .repeat {
  display: inline-block;
  font-size: 12px;
  line-height: 20px;
  padding: 0 4px;
  margin-right: 8px;
  border-radius: 2px;
  color: #fff;
  background: #f56c6c;
  cursor: pointer;
}

.table-list .reminder {
  display: inline-block;
  font-size: 12px;
  line-height: 20px;
  padding: 0 4px;
  margin-right: 8px;
  border-radius: 2px;
  color: #fff;
  background: #e69103;
}

.table-list .module {
  display: inline-block;
  font-size: 12px;
  line-height: 22px;
  padding: 0 6px;
  border-radius: 2px;
  color: #383838;
  background: #E6EAF0;
}

.table-list .status {
  display: inline-block;
  font-size: 12px;
  line-height: 22px;
  padding: 0 6px;
  border-radius: 2px;
}

.table-list .bg-status1 {
  color: #00c0c0;
  background: #e1f8f8;
}

.table-list .bg-status2 {
  color: #e69103;
  background: #fdf4de;
}

.table-list .bg-status3 {
  color: #007cff;
  background: #e6f1ff;
}

.table-list .bg-status4 {
  color: #f56c6c;
  background: #f5efef;
}

.table-list .select-work {
  display: inline-block;
  font-size: 12px;
  padding: 0 4px;
  border-radius: 2px;
  color: #ffffff;
  background-color: #00c0c0;
  cursor: pointer;
}

.table-list :deep(td.el-table-fixed-column--right) {
  display: none;
}

.el-select-dropdown.is-multiple .el-select-dropdown__item.selected::after {
  width: 16px;
  height: 16px;
  background-color: #007cff;
}

.btn_save {
  width: 60px;
}

.btn_delete {
  width: 60px;
  color: #fff;
}

.btn_cancel {
  width: 60px;
}

.btn_cancel:hover {
  border: 1px solid #e5e5e5;
  color: #999;
  background-color: #e5e5e5;
}

:deep(.mb-info) {
  margin-bottom: 5px;
  padding-bottom: 5px;
}

:deep(.mb-info) .el-alert__close-btn {
  top: calc(50% - 6px);
  right: 8px;
}

:deep(.assign-dialog) .el-dialog__body {
  padding: 20px;
}

:deep(.assign-dialog) .el-form-item {
  margin-bottom: 14px;
}

:deep(.assign-dialog) .el-form-item__label {
  font-size: 12px;
}

:deep(.assign-dialog) .el-textarea__inner {
  font-size: 12px;
  height: 120px;
  border-radius: 2px;
}

:deep(.assign-dialog) h3 {
  font-size: 14px;
}

:deep(.assign-dialog) h3 .comple {
  color: #00c0c0;
}

:deep(.assign-dialog) h3 .cancel {
  color: #f56c6c;
}

:deep(.assign-dialog) .mb20 {
  margin-bottom: 20px;
}

:deep(.assign-dialog) .title {
  position: relative;
  padding: 10px 20px;
  border-radius: 2px;
  color: #808080;
  background-color: #eff3f7;
}

:deep(.assign-dialog) .title::before {
  position: absolute;
  content: '';
  left: 5px;
  top: 50%;
  width: 8px;
  height: 8px;
  margin-top: -4px;
  border-radius: 50%;
  background-color: #e69103;
}

:deep(.assign-dialog) .list .iconfont {
  font-size: 18px;
  margin-right: 5px;
  color: #00c0c0;
}

:deep(.assign-dialog) .list .num {
  color: #e69103;
}

:deep(.assign-dialog) .footer {
  margin-top: 40px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

:deep(.assign-dialog) .footer .btn-save {
  border-color: #00c0c0;
  background-color: #00c0c0;
}

:deep(.assign-dialog) .footer .btn-cancel {
  color: #383838;
  border-color: #a6a6a6;
  background-color: transparent;
}

:deep(.confirm-dialog) h3 {
  font-size: 14px;
}

:deep(.confirm-dialog) h3 .comple {
  color: #00c0c0;
}

:deep(.confirm-dialog) h3 .cancel {
  color: #f56c6c;
}

:deep(.confirm-dialog) .el-dialog__body {
  padding: 20px;
}

:deep(.confirm-dialog) .mb20 {
  margin-bottom: 20px;
}

:deep(.confirm-dialog) .title {
  position: relative;
  padding: 10px 20px;
  border-radius: 2px;
  color: #808080;
  background-color: #eff3f7;
}

:deep(.confirm-dialog) .title::before {
  position: absolute;
  content: '';
  left: 5px;
  top: 50%;
  width: 8px;
  height: 8px;
  margin-top: -4px;
  border-radius: 50%;
  background-color: #e69103;
}

:deep(.confirm-dialog) .list .iconfont {
  font-size: 18px;
  margin-right: 5px;
  color: #00c0c0;
}

:deep(.confirm-dialog) .list .num {
  color: #e69103;
}

:deep(.confirm-dialog) .card .text {
  margin-bottom: 15px;
}

:deep(.confirm-dialog) .card .notes {
  display: flex;
}

:deep(.confirm-dialog) .card .notes .el-textarea__inner {
  height: 120px;
  border-radius: 2px;
}

:deep(.confirm-dialog) .footer {
  margin-top: 40px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

:deep(.confirm-dialog) .footer .btn-save {
  border-color: #f56c6c;
  background-color: #f56c6c;
}

:deep(.confirm-dialog) .footer .bg-confirm {
  border-color: #00c0c0;
  background-color: #00c0c0;
}

:deep(.confirm-dialog) .footer .btn-cancel {
  color: #383838;
  border-color: #a6a6a6;
  background-color: transparent;
}

:deep(.export-dialog) .tips {
  display: flex;
  flex-direction: column;
  padding: 10px 20px;
  margin-bottom: 20px;
  border-radius: 2px;
  color: #808080;
  background-color: #eff3f7;
}

:deep(.export-dialog) .tips span {
  position: relative;
  padding-left: 2px;
}

:deep(.export-dialog) .tips span::before {
  position: absolute;
  content: '';
  left: -12px;
  top: 50%;
  width: 8px;
  height: 8px;
  margin-top: -4px;
  border-radius: 50%;
  background-color: #e69103;
}

:deep(.export-dialog) .form {
  margin-bottom: 20px;
}

:deep(.export-dialog) .form .form-item {
  margin-bottom: 15px;
}

:deep(.export-dialog) .form .form-item .item-input {
  width: 200px;
}

:deep(.export-dialog) .card .text {
  margin-bottom: 10px;
  color: #808080;
}

:deep(.export-dialog) .card .el-transfer .el-transfer-panel {
  width: 336px;
}

:deep(.export-dialog) .card .el-transfer .el-transfer-panel .el-transfer-panel__filter {
  width: 100%;
  padding: 15px;
  margin: 0;
  border-bottom: 1px solid #dcdfe6;
}

:deep(.export-dialog) .card .el-transfer .el-transfer-panel .el-transfer-panel__body .el-checkbox-group {
  padding: 4px 0;
}

:deep(.export-dialog) .card .el-transfer .el-transfer-panel .el-transfer-panel__body .el-checkbox-group .el-transfer-panel__item {
  padding: 4px 15px;
  margin: 0;
  border-bottom: 1px solid #dcdfe6;
}

:deep(.export-dialog) .card .el-transfer .el-transfer-panel .el-transfer-panel__body .el-checkbox-group .el-transfer-panel__item .el-checkbox__input {
  top: 12px;
}

:deep(.export-dialog) .card .el-transfer .el-transfer-panel .el-transfer-panel__body .el-checkbox-group .el-checkbox__label {
  display: flex;
  align-items: center;
  font-size: 12px !important;
}

:deep(.export-dialog) .card .el-transfer .el-transfer-panel .el-checkbox__label span {
  font-size: 12px !important;
}

:deep(.export-dialog) .card .el-transfer .el-transfer-panel .el-checkbox__label .field-name {
  width: 80px;
  margin-right: 40px;
  display: inline-block;
}

:deep(.export-dialog) .card .el-transfer .el-transfer-panel .el-checkbox__label .right {
  flex: 1;
}

:deep(.export-dialog) .card .el-transfer .el-transfer-panel .el-checkbox__label .field-label {
  display: inline-block;
  line-height: 20px;
  padding: 0 4px;
  border-radius: 2px;
  box-sizing: border-box;
  border: 1px solid #a3a3a3;
  background-color: #fafafa;
}

:deep(.export-dialog) .card .el-transfer .el-transfer-panel .el-checkbox__label:hover span {
  color: #007cff;
}

:deep(.export-dialog) .card .el-transfer .el-transfer__buttons {
  display: inline-flex;
  flex-direction: column;
  padding: 0 12px;
}

:deep(.export-dialog) .card .el-transfer .el-transfer__buttons .el-transfer__button {
  height: 24px;
  padding: 0 2px;
  border-radius: 2px;
  border-color: #007cff;
  background-color: #007cff;
}

:deep(.export-dialog) .card .el-transfer .el-transfer__buttons .el-transfer__button i {
  font-size: 24px;
}

:deep(.export-dialog) .card .el-transfer .el-transfer__buttons .is-disabled {
  border-color: #a4c9fd;
  background-color: #a4c9fd;
}

:deep(.export-dialog) .card .el-transfer .el-transfer__buttons .el-transfer__button:nth-child(2) {
  margin: 0;
  margin-top: 5px;
}

:deep(.export-dialog) .items .item-group-item {
  margin-bottom: 5px;
  cursor: pointer;
}

:deep(.export-dialog) .items .right {
  width: 200px;
}

:deep(.export-dialog) .footer {
  margin-top: 20px;
  display: flex;
  justify-content: flex-end;
}

:deep(.export-dialog) .footer .btn-export {
  display: inline-block;
  height: 35px;
  line-height: 33px;
  padding: 0 16px;
  border-radius: 2px;
  font-weight: 400;
  color: #ffffff;
  border: 1px solid #e5e5e5;
  border-color: #00c0c0;
  background-color: #00c0c0;
  box-sizing: border-box;
  vertical-align: middle;
  cursor: pointer;
}

:deep(.repeat-dialog) .repeat-table :deep(.el-table__header) th .cell {
  display: flex;
}

:deep(.repeat-dialog) .repeat-table .iconfont {
  margin-left: auto;
  font-size: 12px;
  cursor: pointer;
}

:deep(.repeat-dialog) .repeat-table .number {
  color: #007cff;
  cursor: pointer;
}

:deep(.repeat-dialog) .repeat-table .repeat {
  display: inline-block;
  font-size: 12px;
  line-height: 20px;
  padding: 0 4px;
  margin-left: 8px;
  border-radius: 2px;
  color: #fff;
  background: #f56c6c;
  cursor: pointer;
}

:deep(.repeat-dialog) .repeat-table .reminder {
  display: inline-block;
  font-size: 12px;
  line-height: 20px;
  padding: 0 4px;
  margin-left: 8px;
  border-radius: 2px;
  color: #fff;
  background: #e69103;
}

:deep(.repeat-dialog) .repeat-table .module {
  display: inline-block;
  font-size: 12px;
  line-height: 22px;
  padding: 0 6px;
  border-radius: 2px;
  color: #121315;
  background: #E6EAF0;
}

:deep(.repeat-dialog) .repeat-table .status {
  display: inline-block;
  font-size: 12px;
  line-height: 22px;
  padding: 0 6px;
  border-radius: 2px;
}

:deep(.repeat-dialog) .repeat-table .bg-status1 {
  color: #00c0c0;
  background: #e1f8f8;
}

:deep(.repeat-dialog) .repeat-table .bg-status2 {
  color: #e69103;
  background: #fdf4de;
}

:deep(.repeat-dialog) .repeat-table .bg-status3 {
  color: #007cff;
  background: #e6f1ff;
}

:deep(.repeat-dialog) .repeat-table .bg-status4 {
  color: #f56c6c;
  background: #f5efef;
}

:deep(.repeat-dialog) .repeat-table .select-work {
  display: inline-block;
  font-size: 12px;
  padding: 0 4px;
  border-radius: 2px;
  color: #ffffff;
  background-color: #00c0c0;
  cursor: pointer;
}

:deep(.el-drawer__header) {
  margin-bottom: 0;
  padding: 12px 12px 0;
}

:deep(.remark_list) {
  flex: 1;
  display: flex;
  flex-direction: column;
  height: 100%;
}

:deep(.remark_list) .el-drawer__header {
  color: #000;
}

.el-tag.el-tag--success {
  --el-tag-text-color: #00c0c0;
  --el-tag-bg-color: #ebf6f6;
  --el-tag-border-color: #ebf6f6;
  --el-tag-hover-color: #00c0c0;
}

.el-tag.el-tag--info {
  --el-tag-border-color: var(--el-color-info-light-9);
}

.el-tag {
  --el-tag-border-color: var(--el-color-primary-light-9);
}

.el-tag.el-tag--warning {
  --el-tag-border-color: var(--el-color-warning-light-9);
}
